@keyframes startup {
    0%,30% {opacity: 0;transform: translate(0,10px);}
    60% {opacity: 1;transform: translate(0,0);}
    100% {opacity: 0;transform: translate(0,-8px);}
}
@-webkit-keyframes fadeInLeft{
    0%{opacity:0;
        -webkit-transform:translateX(-20px)}
    100%{opacity:1;
        -webkit-transform:translateX(0)}
}
@-webkit-keyframes rotateInDownRight{
    0%{-webkit-transform-origin:right bottom;
        -webkit-transform:rotate(90deg);
        opacity:0}
    100%{-webkit-transform-origin:right bottom;
        -webkit-transform:rotate(0);
        opacity:1}
}
@-webkit-keyframes fadeInLeftBig{
    0%{opacity:0;
        -webkit-transform:translateX(-2000px)}
    100%{opacity:1;
        -webkit-transform:translateX(0)}
}
@-webkit-keyframes fadeInUpBig{
    0%{opacity:0;
        -webkit-transform:translateY(2000px)}
    100%{opacity:1;
        -webkit-transform:translateY(0)}
}
@keyframes rotating {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@-webkit-keyframes fadeOutUpBig{
    0%{opacity:1;
        -webkit-transform:translateY(0)}
    100%{opacity:0;
        -webkit-transform:translateY(-2000px)}
}
@-webkit-keyframes fadeOutDownBig{
    0%{opacity:1;
        -webkit-transform:translateY(0)}
    100%{opacity:0;
        -webkit-transform:translateY(2000px)}
}



















